@include b(modal) {
  @include e(overlay) {
    position: absolute;
    inset: 0;
    background-color: getCssVar(color, bg, overlay);
    backdrop-filter: blur(1px);
  }

  @include e(body) {
    position: absolute;
    top: 50%;
    left: 50%;
    // 适配边框拖拽鼠标样式不明显
    padding: 2px;
    background-color: getCssVar(color, bg, 1);
    box-shadow:
      0px 12px 32px 4px rgba(0, 0, 0, 0.04),
      0px 8px 20px rgba(0, 0, 0, 0.08);
    transform: translate(-50%, -50%);

    >.#{bem(view)} {
      >.#{bem(control-viewlayoutpanel)} {
        >.#{bem(control-viewlayoutpanel-content)} {
          >.#{bem(col)} {
            >.#{bem(panel-view-header)} {
              cursor: move;
            }
          }
        }
      }
    }
  }

  @include e(icon) {
    @include m(close) {
      position: absolute;
      top: -36px;
      right: -44px;
      width: 32px;
      height: 32px;
      font-size: getCssVar(font-size, header-4);
      color: getCssVar(color, primary, text);
      cursor: pointer;
      border: getCssVar('spacing', 'super-tight') solid getCssVar(color, primary, text);
      border-radius: getCssVar(border, radius, circle);
      @include flex(row, center, center);
    }
  }
}